<template>
  <div class="home_wrapper">
    <mds-timeline>
      <mds-timeline-item color="#EE3333">支持自定义颜色</mds-timeline-item>
      <mds-timeline-item color="red">
        <mds-icon slot="dot" type="line-clock-circle-o" style="font-size: 14px;" />
        支持自定义图标
      </mds-timeline-item>
      <mds-timeline-item color="green">支持自定义颜色</mds-timeline-item>
      <mds-timeline-item>默认节点样式</mds-timeline-item>
    </mds-timeline>
  </div>
</template>

<script lang="ts">
import { Component, Vue } from 'vue-property-decorator'

@Component({})
export default class extends Vue {}
</script>

<style lang="scss" scoped>
.home_wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #fff;
  padding: 0 16px;
}
</style>
